<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Optimus</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="css/bootstrap.css" media="screen">
    <link rel="stylesheet" href="skins/eden.css" media="screen">
    <link rel="stylesheet" href="style.css" media="screen">
    <link href="fonts/icons/icons.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">

</head>
<body   data-spy="scroll" data-target="#topnav"  id="top">

    <section class="header-area-home" id="header-area-home">
        <div id="main-nav-container">
            <div  class="container">
            <nav class="navbar navbar-eden" id="topnav">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                data-target="#main-menu">
                            <span class="sr-only">Toggle navigation</span>
                            <i class="tn-menu"></i>
                        </button>
                        <a class="navbar-brand" href="#"><img src="imgs/optimus-logo.png" /></a>
                    </div>

                    <div class="collapse navbar-collapse" id="main-menu">
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="#top">Home</a></li>
                            <li><a href="#why-us">Why Us</a></li>
                            <li><a href="#out-team">Our Team</a></li>
                            <li><a href="#client-reviews">Reviews</a></li>
                            <li><a href="#pricing">Pricing</a></li>
                            <li><a href="#curious">Contact</a></li>

                        </ul>

                        <ul class="nav navbar-nav navbar-right">
                            <li><a href="#search"><i class="tn-search"></i></a></li>
                        </ul>
                    </div>
                </div>
            </nav>
            </div>
        </div>
        <div id="featured-slider-container">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div id="featured-slider" class="carousel slide" data-ride="carousel">
                            <!-- Indicators -->
                            <ol class="carousel-indicators">
                                <li data-target="#featured-slider" data-slide-to="0" class="active"><img src='imgs/slider-1-t.jpg' alt='' class='featured-slide-thumb'  /></li>
                                <li data-target="#featured-slider" data-slide-to="1" ><img src='imgs/slider-2-t.jpg' alt='' class='featured-slide-thumb'  /></li>
                                <li data-target="#featured-slider" data-slide-to="2" ><img src='imgs/slider-3-t.jpg' alt='' class='featured-slide-thumb'  /></li>
                            </ol>

                            <!-- Wrapper for slides -->
                            <div class="carousel-inner" role="listbox">
                                <div class="item active" id="slide-2">
                                    <img src='imgs/slider-1.jpg' alt='' class='featured-slide inv' data-animation = 'animated zoomIn' data-delay = '0.3s' />
                                    <img src='imgs/slider-2.jpg' alt='' class='featured-slide featured-slide-1 inv' data-animation = 'animated zoomIn' data-delay = '0.7s' />
                                    <div class="carousel-caption">
                                        <span class="lead slide-cat inv"  data-animation="animated zoomIn"><a href="#" rel="category">Web Design</a></span>
                                        <h2 class="slide-title inv"  data-animation="animated fadeInUp" data-duration="2s" data-delay="1s">Aenean convallis quam faucibus nisi scelerisque</h2>
                                        <div class="slide-excerpt inv" data-animation="animated fadeInUp" data-duration="3s" data-delay="2s">
                                            <ul class="row">
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2s'>Aenean convallis quam</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.1s'>Lorem Ipsum Dolor Sit</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.2s'>Nam non metus orci Proin</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.3s'>Nunc porta malesuada odio</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.4s'>Aenean convallis quam</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.5s'>Lorem Ipsum Dolor Sit</li>

                                            </ul>
                                        </div>
                                        <div class="meta">
                                            <button class="btn btn-primary inv slide-btn btn-lg"  data-animation="animated fadeInUp" data-delay="3s" data-duration="2s">Full Story <i class="tn-arrow-right"></i></button>
                                        </div>

                                    </div>
                                </div>
                                <div class="item" id="slide-3">
                                    <img src='imgs/slider-2.jpg' alt='' class='featured-slide inv' data-animation = 'animated zoomIn' data-delay = '0.3s' />
                                    <img src='imgs/slider-3.jpg' alt='' class='featured-slide featured-slide-1 inv' data-animation = 'animated zoomIn' data-delay = '0.7s' />
                                    <div class="carousel-caption">
                                        <span class="lead slide-cat inv"  data-animation="animated zoomIn"><a href="#" rel="category">Android</a></span>
                                        <h2 class="slide-title inv"  data-animation="animated fadeInUp" data-duration="2s" data-delay="1s">Aenean convallis quam faucibus nisi scelerisque</h2>
                                        <div class="slide-excerpt inv" data-animation="animated fadeInUp" data-duration="3s" data-delay="2s">
                                            <ul class="row">
                                                <li class="col-lg-6" data-animation = 'animated fadeInLeft' data-delay = '2s'>Aenean convallis quam</li>
                                                <li class="col-lg-6" data-animation = 'animated fadeInLeft' data-delay = '2.1s'>Lorem Ipsum Dolor Sit</li>
                                                <li class="col-lg-6" data-animation = 'animated fadeInLeft' data-delay = '2.2s'>Nam non metus orci Proin</li>
                                                <li class="col-lg-6" data-animation = 'animated fadeInLeft' data-delay = '2.3s'>Nunc porta malesuada odio</li>
                                                <li class="col-lg-6" data-animation = 'animated fadeInLeft' data-delay = '2.4s'>Aenean convallis quam</li>
                                                <li class="col-lg-6" data-animation = 'animated fadeInLeft' data-delay = '2.5s'>Lorem Ipsum Dolor Sit</li>

                                            </ul>
                                        </div>
                                        <div class="meta">
                                            <button class="btn btn-info inv slide-btn btn-lg"  data-animation="animated lightSpeedIn" data-delay="3s" data-duration="2s">Full Story <i class="tn-arrow-right"></i></button>
                                        </div>

                                    </div>
                                </div>
                                <div class="item" id="slide-4">
                                    <img src='imgs/slider-3.jpg' alt='' class='featured-slide inv' data-animation = 'animated zoomIn' data-delay = '0.3s' />
                                    <img src='imgs/slider-1.jpg' alt='' class='featured-slide featured-slide-1 inv' data-animation = 'animated zoomIn' data-delay = '0.7s' />
                                    <div class="carousel-caption">
                                        <span class="lead slide-cat inv"  data-animation="animated zoomIn"><a href="#" rel="category">IOS APP</a></span>
                                        <h2 class="slide-title inv"  data-animation="animated fadeInUp" data-duration="2s" data-delay="1s">Aenean convallis quam faucibus nisi scelerisque</h2>
                                        <div class="slide-excerpt inv" data-animation="animated fadeInUp" data-duration="3s" data-delay="2s">
                                            <ul class="row">
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2s'>Aenean convallis quam</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.1s'>Lorem Ipsum Dolor Sit</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.2s'>Nam non metus orci Proin</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.3s'>Nunc porta malesuada odio</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.4s'>Aenean convallis quam</li>
                                                <li class="col-lg-6" data-animation = 'animated zoomIn' data-delay = '2.5s'>Lorem Ipsum Dolor Sit</li>

                                            </ul>
                                        </div>
                                        <div class="meta">
                                            <button class="btn btn-danger inv slide-btn btn-lg"  data-animation="animated fadeInUp" data-delay="3s" data-duration="2s">Full Story <i class="tn-arrow-right"></i></button>
                                        </div>

                                    </div>
                                </div>

                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <section class="featured-content-area" id="featured-content-area">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="panel panel-success panel-featured-content  text-center">
                        <div class="panel-heading">Web Design</div>
                        <div class="panel-body">
                            <div class="diamond filled bg-success wow zoomIn" data-wow-delay="500ms">
                            <i class="lineicon tn-paint-roller"></i>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="panel panel-info panel-featured-content  text-center">
                        <div class="panel-heading">Web Development</div>
                        <div class="panel-body">
                            <div class="diamond filled bg-info wow zoomIn" data-wow-delay="900ms" >
                                <i class="lineicon tn-world"></i>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="panel panel-primary panel-featured-content  text-center">
                        <div class="panel-heading">Android Apps</div>
                        <div class="panel-body">
                            <div class="diamond filled  bg-primary wow zoomIn" data-wow-delay="1300ms" >
                                <i class="lineicon tn-android"></i>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="panel panel-warning panel-featured-content  text-center">
                        <div class="panel-heading">iOS Apps</div>
                        <div class="panel-body">
                            <div class="diamond filled bg-warning wow zoomIn" data-wow-delay="1700ms" >
                                <i class="lineicon tn-apple"></i>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
	<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="模板之家">模板之家</a></div>
    <section class="why-us" id="why-us">

        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center section-intro">
                    <h2 class="header-boxed wow zoomIn" data-wow-iteration="1"><span>Why Us?</span></h2>
                    <p class="lead wow fadeInUp"  data-wow-delay="600ms">Simple and only reason, We are the Best! Let's see some highlights:</p>
                </div>
                <div class="col-md-12 highlight-boxes">
                <div class="col-md-4 wow fadeInLeft" data-wow-delay="500ms">
                    <div class="featured-content-box text-center">
                        <i class="tn-heart ico-lg text-warning"></i>

                        <h3>Confucius Says </h3>
                        <p>Never study for others what you would not capture for the freedom of it.</p>
                        <button class="btn btn-warning">Read More </button>
                    </div>
                </div>
                <div class="col-md-4 wow zoomIn" data-wow-delay="100ms">
                    <div class="featured-content-box text-center">
                        <i class="tn-server ico-lg text-info"></i>

                        <h3>Confucius Says </h3>
                        <p>Never study for others what you would not capture for the freedom of it.</p>
                        <button class="btn btn-info">Read More </button>
                    </div>
                </div>
                <div class="col-md-4 wow fadeInRight" data-wow-delay="500ms">
                    <div class="featured-content-box text-center">
                        <i class="tn-anchor ico-lg text-success"></i>

                        <h3>Confucius Says </h3>
                        <p>Never study for others what you would not capture for the freedom of it.</p>
                        <button class="btn btn-primary">Read More </button>
                    </div>
                </div>
                    <div class="col-md-4 wow fadeInUp">
                        <div class="featured-content-box text-center">
                            <i class="tn-agenda ico-lg text-danger"></i>

                            <h3>Confucius Says </h3>
                            <p>Never study for others what you would not capture for the freedom of it.</p>
                            <button class="btn btn-danger">Read More </button>
                        </div>
                    </div>
                    <div class="col-md-4 wow fadeInUp" data-wow-delay="300ms">
                        <div class="featured-content-box text-center">
                            <i class="tn-headphone ico-lg text-warning"></i>

                            <h3>Confucius Says </h3>
                            <p>Never study for others what you would not capture for the freedom of it.</p>
                            <button class="btn btn-warning">Read More </button>
                        </div>
                    </div>
                    <div class="col-md-4 wow fadeInUp" data-wow-delay="600ms">
                        <div class="featured-content-box text-center">
                            <i class="tn-dashboard ico-lg text-info"></i>

                            <h3>Confucius Says </h3>
                            <p>Never study for others what you would not capture for the freedom of it.</p>
                            <button class="btn btn-info">Read More </button>
                        </div>
                    </div>
                </div>


            </div>
        </div>

    </section>

    <section class="out-team" id="out-team" >

    <div class="container">
    <div class="row">
    <div class="col-md-12 text-center section-intro">
        <h2 class="header-boxed wow zoomIn" data-wow-iteration="1"><span>Our Team</span></h2>
        <p class="lead wow fadeInUp"  data-wow-delay="600ms">Simple and only reason, We are the Best! Let's see some highlights:</p>
    </div>
         
            <div class="col-sm-6 col-md-4">
                <div class="panel panel-default panel-card">
                    <div class="panel-heading">
                        <img src="https://unsplash.imgix.net/12/barley.jpg?q=75&fm=jpg&s=f39de5ca1970a13dbe6af6c86b3c47ec" />
                        <button class="btn btn-primary btn-sm" role="button">Follow</button>
                    </div>
                    <div class="panel-figure">
                        <img class="img-responsive img-circle" src="http://lorempixel.com/120/120/people/1/" />
                    </div>
                    <div class="panel-body text-center">
                        <h4 class="panel-header"><a href="https://twitter.com/w3eden">@w3eden</a></h4>
                        <small>A short description goes here.</small>
                    </div>
                    <div class="panel-thumbnails">
                        <hr/>
                        <div class="row">
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/mzwlj/80x60" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/yboaj/80x60" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/gv3bp/80x60" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="panel panel-default panel-card">
                    <div class="panel-heading">
                        <img src="https://unsplash.imgix.net/41/bXoAlw8gT66vBo1wcFoO_IMG_9181.jpg?q=75&fm=jpg&s=a760fd82863937c841f4b3870cdef011" />
                        <button class="btn btn-primary btn-sm" role="button">Follow</button>
                    </div>
                    <div class="panel-figure">
                        <img class="img-responsive img-circle" src="http://lorempixel.com/120/120/people/2/" />
                    </div>
                    <div class="panel-body text-center">
                        <h4 class="panel-header"><a href="https://twitter.com/w3eden">@w3eden</a></h4>
                        <small>A short description goes here.</small>
                    </div>
                    <div class="panel-thumbnails">
                        <hr/>
                        <div class="row">
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/dstb9/80x60" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/2lsao/80x60" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/urcon/80x60" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="panel panel-default panel-card">
                    <div class="panel-heading">
                        <img src="https://ununsplash.imgix.net/19/waves.JPG?q=75&fm=jpg&s=6f316bc8e1dc9887a7cebe0841096e99" />
                        <button class="btn btn-primary btn-sm" role="button">Follow</button>
                    </div>
                    <div class="panel-figure">
                        <img class="img-responsive img-circle" src="http://lorempixel.com/120/120/people/3/" />
                    </div>
                    <div class="panel-body text-center">
                        <h4 class="panel-header"><a href="https://twitter.com/w3eden">@w3eden</a></h4>
                        <small>A short description goes here.</small>
                    </div>
                    <div class="panel-thumbnails">
                        <hr/>
                        <div class="row">
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/7an8e/80x60" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/wntpb/80x60" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/jrzxa/80x60" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="panel panel-default panel-card row2">
                    <div class="panel-heading">
                        <img src="https://ununsplash.imgix.net/26/camera-keys.jpg?q=75&fm=jpg&s=b919d3158053cde8e9f0e37b4876c14f" />
                        <button class="btn btn-primary btn-sm" role="button">Follow</button>
                    </div>
                    <div class="panel-figure">
                        <img class="img-responsive img-circle" src="http://lorempixel.com/120/120/people/9/" />
                    </div>
                    <div class="panel-body text-center">
                        <h4 class="panel-header"><a href="https://twitter.com/w3eden">@w3eden</a></h4>
                        <small>A short description goes here.</small>
                    </div>
                    <div class="panel-thumbnails">
                        <hr/>
                        <div class="row">
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/sqfuk/80x60" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/71mf8/80x60" />
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <div class="thumbnail">
                                    <img src="http://placemi.com/1pdrw/80x60" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <div class="col-sm-6 col-md-4">
            <div class="panel panel-default panel-card row2">
                <div class="panel-heading">
                    <img src="https://ununsplash.imgix.net/19/waves.JPG?q=75&fm=jpg&s=6f316bc8e1dc9887a7cebe0841096e99" />
                    <button class="btn btn-primary btn-sm" role="button">Follow</button>
                </div>
                <div class="panel-figure">
                    <img class="img-responsive img-circle" src="http://lorempixel.com/120/120/people/5/" />
                </div>
                <div class="panel-body text-center">
                    <h4 class="panel-header"><a href="https://twitter.com/w3eden">@w3eden</a></h4>
                    <small>A short description goes here.</small>
                </div>
                <div class="panel-thumbnails">
                    <hr/>
                    <div class="row">
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <img src="http://placemi.com/7an8e/80x60" />
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <img src="http://placemi.com/wntpb/80x60" />
                            </div>
                        </div>
                        <div class="col-xs-4">
                            <div class="thumbnail">
                                <img src="http://placemi.com/jrzxa/80x60" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <div class="col-sm-6 col-md-4">
        <div class="panel panel-default panel-card row2">
            <div class="panel-heading">
                <img src="https://ununsplash.imgix.net/19/waves.JPG?q=75&fm=jpg&s=6f316bc8e1dc9887a7cebe0841096e99" />
                <button class="btn btn-primary btn-sm" role="button">Follow</button>
            </div>
            <div class="panel-figure">
                <img class="img-responsive img-circle" src="http://lorempixel.com/120/120/people/6/" />
            </div>
            <div class="panel-body text-center">
                <h4 class="panel-header"><a href="https://twitter.com/w3eden">@w3eden</a></h4>
                <small>A short description goes here.</small>
            </div>
            <div class="panel-thumbnails">
                <hr/>
                <div class="row">
                    <div class="col-xs-4">
                        <div class="thumbnail">
                            <img src="http://placemi.com/7an8e/80x60" />
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="thumbnail">
                            <img src="http://placemi.com/wntpb/80x60" />
                        </div>
                    </div>
                    <div class="col-xs-4">
                        <div class="thumbnail">
                            <img src="http://placemi.com/jrzxa/80x60" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    </div>
    </div>
    </section>


    <section class="client-reviews" id="client-reviews">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center section-intro">
                    <h2 class="header-boxed wow zoomIn" data-wow-iteration="1"><span>Client Reviews</span></h2>
                    <p class="lead wow fadeInUp" data-wow-delay="200ms">Simple and only reason, We are the Best! Let's see some highlights:</p>
                </div>

                <div class="col-md-4">
                    <div class="speach">
                        Nunc vehicula mattis egestas. Nam augue sapien, auctor ut feugiat sit amet, commodo vitae tortor. Ut interdum metus a egestas finibus. Nam augue sapien, auctor ut feugiat sit amet.
                        <div class="media person">
                            <div class="pull-left">
                                <img src="imgs/user.jpg" class="img-circle">
                            </div>
                            <div class="media-body">
                                <b>John Doe</b><br/>
                                Web Developer
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="speach">
                        Nunc vehicula mattis egestas. Nam augue sapien, auctor ut feugiat sit amet, commodo vitae tortor. Ut interdum metus a egestas finibus. Nam augue sapien, auctor ut feugiat sit amet.
                        <div class="media person">
                            <div class="pull-left">
                                <img src="imgs/user.jpg" class="img-circle">
                            </div>
                            <div class="media-body">
                                <b>John Doe</b><br/>
                                Web Developer
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="speach">
                        Nunc vehicula mattis egestas. Nam augue sapien, auctor ut feugiat sit amet, commodo vitae tortor. Ut interdum metus a egestas finibus. Nam augue sapien, auctor ut feugiat sit amet.
                        <div class="media person">
                            <div class="pull-left">
                                <img src="imgs/user.jpg" class="img-circle">
                            </div>
                            <div class="media-body">
                                <b>John Doe</b><br/>
                                Web Developer
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>

    <section class="pricing" id="pricing">
    <div class="container">
    <div class="row">
    <div class="col-md-12 text-center section-intro">
        <h2 class="header-boxed  wow zoomIn" data-wow-iteration="1"><span>Pricing</span></h2>
        <p class="lead wow fadeInUp" data-wow-delay="200ms">Simple and only reason, We are the Best! Let's see some highlights:</p>
    </div>

    <div class="col-md-12">
        <div class="col-md-6 pricing-table-block wow fadeInLeft">
            <div class="col-md-6 tb-left text-center">
                <h5 class="text-light">Pro</h5>
                <h3>$54.00</h3>
                <p><i class="tn-star  text-info"></i><i class="tn-star  text-info"></i><i class="tn-star"></i><i class="tn-star"></i><i class="tn-star"></i></p>
                <p class="pac-info">For Professionals</p>
                <button class="btn btn-default">Buy Now!</button>
            </div>
            <div class="col-md-6 tb-right">
                <ul class="list-group">
                    <li class="list-group-item"><i class="tn-server"></i> 1 Doamin</li>
                    <li class="list-group-item"><i class="tn-download"></i> 5 GB Bandwidth</li>
                    <li class="list-group-item"><i class="tn-harddrives"></i> 25 GB Space</li>
                    <li class="list-group-item"><i class="tn-email"></i> 30 Email</li>
                    <li class="list-group-item"><i class="tn-user"></i> 10 Users</li>
                </ul>
            </div>
        </div>
        <div class="col-md-6 pricing-table-block wow fadeInRight">
            <div class="col-md-6 tb-left text-center">
                <h5 class="text-info">Business</h5>
                <h3>$54.00</h3>
                <p><i class="tn-star text-info"></i><i class="tn-star text-info"></i><i class="tn-star text-info"></i><i class="tn-star"></i><i class="tn-star"></i></p>
                <p class="pac-info">For Business</p>
                <button class="btn btn-info">Buy Now!</button>
            </div>
            <div class="col-md-6 tb-right">
                <ul class="list-group">
                    <li class="list-group-item"><i class="tn-server"></i> 1 Doamin</li>
                    <li class="list-group-item"><i class="tn-download"></i> 5 GB Bandwidth</li>
                    <li class="list-group-item"><i class="tn-harddrives"></i> 25 GB Space</li>
                    <li class="list-group-item"><i class="tn-email"></i> 30 Email</li>
                    <li class="list-group-item"><i class="tn-user"></i> 10 Users</li>
                </ul>
            </div>
        </div>
        <div class="col-md-6 pricing-table-block wow fadeInUp" data-wow-delay="100ms">
            <div class="col-md-6 tb-left text-center">
                <h5 class="text-warning">Developer</h5>
                <h3>$54.00</h3>
                <p><i class="tn-star text-warning"></i><i class="tn-star text-warning"></i><i class="tn-star text-warning"></i><i class="tn-star text-warning"></i><i class="tn-star"></i></p>
                <p class="pac-info">For Developers</p>
                <button class="btn btn-warning">Buy Now!</button>
            </div>
            <div class="col-md-6 tb-right">
                <ul class="list-group">
                    <li class="list-group-item"><i class="tn-server"></i> 1 Doamin</li>
                    <li class="list-group-item"><i class="tn-download"></i> 5 GB Bandwidth</li>
                    <li class="list-group-item"><i class="tn-harddrives"></i> 25 GB Space</li>
                    <li class="list-group-item"><i class="tn-email"></i> 30 Email</li>
                    <li class="list-group-item"><i class="tn-user"></i> 10 Users</li>
                </ul>
            </div>
        </div>
        <div class="col-md-6 pricing-table-block wow fadeInUp" data-wow-delay="200ms">
            <div class="col-md-6 tb-left text-center">
                <h5 class="text-success">VIP</h5>
                <h3>$54.00</h3>
                <p><i class="tn-star text-success"></i><i class="tn-star  text-success"></i><i class="tn-star  text-success"></i><i class="tn-star  text-success"></i><i class="tn-star  text-success"></i></p>
                <p class="pac-info">For VIPs</p>
                <button class="btn btn-primary">Buy Now!</button>
            </div>
            <div class="col-md-6 tb-right">
                <ul class="list-group">
                    <li class="list-group-item"><i class="tn-server"></i> 1 Doamin</li>
                    <li class="list-group-item"><i class="tn-download"></i> 5 GB Bandwidth</li>
                    <li class="list-group-item"><i class="tn-harddrives"></i> 25 GB Space</li>
                    <li class="list-group-item"><i class="tn-email"></i> 30 Email</li>
                    <li class="list-group-item"><i class="tn-user"></i> 10 Users</li>
                </ul>
            </div>
        </div>
    </div>

    </div>
    </div>
    </section>

    <section class="curious" id="curious">
    <div class="container">
    <div class="row">
    <div class="col-md-12 text-center section-intro">
        <h2 class="header-boxed wow zoomIn" data-wow-iteration="1"><span>Feeling Curious?</span></h2>
        <p class="lead">Simple and only reason, We are the Best! Let's see some highlights:</p>
    </div>
        <div class="col-md-6">
            <div class="contact-form wow fadeInLeft">
            <form class="row" method="get" action="">
                <div class="col-md-6">
                    <div class="form-group"><label>Your name here<i class="fa fa-asterisk"></i></label> <input type="text" name="name" class="form-control"></div>
                </div>
                <div class="col-md-6">
                    <div class="form-group"><label>Your e-mail<i class="fa fa-asterisk"></i></label> <input type="email" name="email" class="form-control"></div>
                </div>
                <div class="col-md-12">
                    <div class="form-group"><label>Your Message</label> <textarea name="message" rows="6" class="form-control"></textarea></div>
                    <div class="send_result"></div>
                </div>
                <div class="col-md-12"><input type="submit" value="SUBMIT" class="btn btn-primary btn-lg btn-block" name="submit">
                </div>
            </form>
            </div>
        </div>
        <div class="col-md-3">
            <div class="featured-content-box text-center wow fadeInDown">
                <div class="circle feature-icon">
                    <i class="tn-mobile"></i>
                </div>

                <h3>Phone</h3>
                <p>+123-456-5678</p>

            </div>

            <div class="featured-content-box text-center wow fadeInUp">
                <div class="circle feature-icon">
                    <i class="tn-email"></i>
                </div>

                <h3>Email</h3>
                <p>contact@scripteden.com</p>

            </div>

        </div>
        <div class="col-md-3">
            <div class="panel panel-default panel-subscribe panel-subscribe-narrow panel-subscribe-light panel-subscribe-vert wow fadeInRight">
                <div class="panel-body">
                    <div class="media text-center">
                        <img src="imgs/email2.png">
                        <div class="media-body">
                            <h3>Get it in your inbox!</h3>
                            Try warming chili garnished with ice water, marinateed with baking powder.
                        </div>
                    </div>
                </div>
                <div class="panel-footer">

                    <form>
                        <div class="form-group">
                            <input type="text" placeholder="First Name" id="fname1" class="form-control">
                        </div>
                        <div class="input-group">
                            <input type="email" placeholder="Your Email" class="form-control">
                        <span class="input-group-btn">
                        <button class="btn btn-inverse btn-block" type="submit">Subscribe</button>
                    </span>
                        </div>
                    </form>

                </div>
            </div>
        </div>
    </div>
    </div>
    </section>

    <footer>
    <div class="container">
    <div class="row">
    <div class="col-md-12 text-center section-intro">
        <hr/>
        <h2><img src="imgs/optimus-logo.png" /></h2>
        More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a><a href="#" class="btn-social btn-twitter btn-sm"><i class="tn-twitter"></i></a>
        <a href="#" class="btn-social btn-facebook btn-sm"><i class="tn-facebook"></i></a>
        <a href="#" class="btn-social btn-google-plus btn-sm"><i class="tn-google"></i></a>
        <a href="#" class="btn-social btn-vimeo btn-sm"><i class="tn-vimeo"></i></a>
        <a href="#" class="btn-social btn-dropbox btn-sm"><i class="tn-dropbox"></i></a>
    </div>
    </div>
    </div>
        <br/><br/>
    </footer>



<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/site.js"></script>

</body>
</html>